@import './base.less';

.main{
    // 登录
    .login{
        padding-left: 4vw;
        background-image: url('../lib/img/user-header2.png');
        background-size: cover;
        height: 34.6667vw;
        display: flex;
        // justify-content: flex-start;
        align-items: center;
        .p{
           img{
            width: 13.3333vw;
            height:13.3333vw;
            border-radius: 50%;
           }
        }
        .lg{
            color: #c59a46;
            height: 13.3333vw;
            vertical-align: top;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-left: 4vw;

            h2{
                font-size: 4.5333vw;
            }
            p{
                font-size: 4vw;
            }
        }
    }
    //钱包
    .money{
        flex: 1;
        height:23.4667vw;
         padding: 5.3333vw 0;
        display: flex;
        justify-content: space-evenly;
        align-self: center;
        background-color: #fff;
        .box{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 12.8vw;
            padding: 0 2.1333vw;
            p:nth-child(1){
                font-size: 4.5333vw;
                color: #ff0000;
            }
            p:nth-child(2){
                font-size:3.7333vw;
            }

        }
        .wallet{
            text-align: center;
            width: 26.6667vw;
            border-left: 1px solid #eee;
            // margin: 2.6667vw 3.0667vw;
            padding-top: 1.3333vw;

            .iconfont{
                font-size: 5.8667vw;
            }
            p{
                font-size: 3.7333vw;
            }
        }
    }
    // 订单
    .order{
        height: 20.5333vw;
        margin: 2.6667vw 2.9333vw;
        padding: 2.6667vw;
        background-color: #fff;
        display: flex;
        justify-content: space-around;
        align-items: center;
      .order-box{
        text-align: center;
        i{
            font-size: 5.8667vw;

        }
        p{
            font-size: 3.7333vw;
        }
      }

    }
    // 我的服务
    .service{
        background-color: #fff;
        height: 51.7333vw;
        margin: 2.9333vw;
        padding: 2.9333vw 0;
        p{
            // display: block;
            height: 5.3333vw;
            padding-left:5.3333vw ;
            margin-bottom: 2.6667vw;
            font-size: 4vw;
            font-weight: normal;
        }
        .service-box{
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;

            // justify-content: space-around;
            align-items: center;
            .box{
                width: 25%;
                height: 16.2667vw;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 4vw;

                .iconfont{
                    color: #ff3800;
                    font-size: 5.8667vw;
                }
                p{
                    font-size: 3.7333vw;
                    padding: 0;
                }
            }
        }
    }
}




// footer
footer{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index:99;
    height: 13.3333vw;
    width: 100%;
    border-top: 0.2667vw solid rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: space-around;
    background-color: #fff;
    margin-top: 1.6vw;
    a{
        width: 25%;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;

        .iconfont{
            font-size: 5.3333vw
        }
        p{
            font-size: 3.2vw;
        }
    }
    .active{
        color:red
    }
}